<template>
  <div>
    <a-card :bordered='false'>
      <a-tabs @tabClick='tabClick' :animated='false' :defaultActiveKey='current' v-model='current' style='margin-top: -25px'>
        <a-tab-pane tab='渠道商费用申请' key='form1'>
          <tab1 ref='form1' v-if="current=='form1'"></tab1>
        </a-tab-pane>
        <a-tab-pane tab='结算费用申请单' key='form2'>
          <tab2 ref='form2' v-if="current=='form2'"></tab2>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>
<script>

import api from "../../../js/api"
import Tab1 from "./tab1"
import Tab2 from "./tab2"



export default {
  name: "Tabs",
  components: { Tab1,Tab2 },
  data() {
    let me = this
    return {
      api: Object.assign(api, this.api),
      //列表初始化查询参数
      queryParam: {},
      searchParams: {
        orderNo: ""
      },
      current: "form1",
      forms: [
        "form1",
        "form2",
        "form3",
        "form4",
        "form5"
      ]
    }
  },
  created() {
  },
  methods: {
    tabClick(name) {
      this.current = name
    }
  }
}
</script>
